<?
include_once '../includes/config.php'; include_once '../includes/parcial.php';
?>
<div id="contenedorModificarGabinete">
  <form accept-charset="utf-8" id="formGabinetes" action="">
    <div class="contenedorBotones">
      <?
      echo Helper::botonJquery('agregar', 'agregar', 'Agregar');
      echo Helper::botonJquery('cancelar', 'cancelar', 'Cancelar');
      ?>
    </div>
    <div class="contenedorModulos">
      <div class="modulo">
        <?
        echo Helper::entradaTextoVertical("Nombre", "150", '', 'nombre_gabinete');
        echo Helper::entradaTextoVertical("Tamaño", "150", '', 'tamano_gabinete');
        ?>
      </div>
      <div class="modulo">
        <?
        echo Helper::textAreaHorizontal("Descripción", "4", "485", "", "descripcion_gabinete");
        ?>
      </div>
    </div>        
  </form>
</div>
<script type="text/javascript">
  $(document).ready(function(){
    $("#formGabinetes").validate(
    {
      rules: 
        { 
        nombre_gabinete: "required"
      },
      messages: 
        {
                
        nombre_gabinete: "*"
      }
    });
    $("#agregar").click(function(event) {
      event.preventDefault();
      var nombre=$("#nombre_gabinete").val();
      var tamano=$("#tamano_gabinete").val();
      var descripcion=$("#descripcion_gabinete").val();
      if ( $("#formGabinetes").validate().form()){
        $.blockUI();
        $.ajax({
          type: "POST",
          url: "agregarGabinete.php",
          data: {nombre: nombre, tamano: tamano, descripcion: descripcion},
          success: function(data){
            if (data=="1"){
              $.ajax({
                type: "POST",
                url: "recargarTablas.php",
                data: {objeto: "Gabinete"},
                success: function(data){
                  $("#recargarTabla").html(data);
                  $.unblockUI();
                  $.growlUI('Gabinete Agregado..'); 
                  $("#tope").html("");
                  $("#tope").slideUp(1);
                }
              });
            }
            else{
              $.unblockUI();
              $.growlUI('No se pudo agregar el Gabinete..'); 
            }
          }
        });
      }
    }); 
  });
</script>